
//给全选挂change事件

$("#all").change(function(){


    if($(this).is(":checked")){

        $('.check').prop('checked',true);
    }else{
        $('.check').prop('checked',false);
    }


});


//确认修改的确认
//click事件

$('.change').click(function(){


    if($(this).text()==='修改'){

//设置按钮文字
        $(this).text('确认');


        var tr=$(this).parent().parent();

        for(var i=1;i<4;i++){

            //取到当前元素的文字
            var str=tr.children().eq(i).text();


            //新建一个input输入框，并且把提取出来的文字填充进去
            var input=$('<input type="text" value="'+str+'"/>');


            //把TD里面的文字替换成input
            tr.children().eq(i).html(input);
        }
    }else{
        var tr=$(this).parent().parent();
        for(var k=1;k<4;k++){
            var _value=tr.children().eq(k).children().val();

            tr.children().eq(k).html(_value);
        }


        $(this).text('修改');
    }


});


//删除

$('.delete').click(function(){

    $('.check:checked').parents('tr').remove();
});





//给增加按钮挂一个点击事件

$('.addBtn').click(function(){
    var mingcheng = $('.name').val(); //取出名称
    var shuliang = $('.number').val();//取出数量
    var danwei = $('.company').val();//取出单位


    if(mingcheng==="" || shuliang==="" || danwei===""){
        alert('请输入完整再提交');//弹窗提示
        return;//停止，代码不再往下执行
    }

    //动态生成tr

    var tr=$('<tr></tr>');
    var td=$('<td></td>');
    var checkBox=$('<input type="checkbox" class="check"/>');

    checkBox.appendTo(td);//把多选框塞进td里面
    td.appendTo(tr);

    var td2=$('<td></td>');
    td2.text(mingcheng);
    td2.appendTo(tr);

    var td3 =$('<td></td>');
    td3.text(shuliang);
    td3.appendTo(tr);

    var td4 =$('<td></td>');
    td4.text(danwei);
    td4.appendTo(tr);

    var td5 =$('<td></td>');
    var button =$('<button class="change">修改</button>');
    button.appendTo(td5);
    td5.appendTo(tr);


    tr.appendTo($('.main'));//

    //清空
    $('.name').val('');
    $('.number').val('');
    $('.company').val('');


});


//增加
//1.给增加按钮添加点击事件
//2.取出用户输入的值
//






//导航切换

//(初始时)
$('#index').show();
$('.daohang>li:first').addClass('on');



$('.daohang>li').click(function(){
   $(this).addClass('on');
    $(this).siblings().removeClass('on');

    //取出当前li的data

    var dataId =$(this).data('id');

    $('.page').hide();//让page先隐藏
    $('#'+dataId).show();//对应div显示出来


});


//折叠滑动

$('span').click(function(){


    //收起子菜单
    $('.zhedie ul').slideUp();

    //展开点击的span后面的ul
    $(this).next('ul').slideDown();


});






